<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="lib/echarts.min.js"></script>
  <!-- <script src="json/map/pv.json"></script> -->
  <script src="theme/chalk.js"></script>
  <script src="lib/jquery.min.js"></script>
</head>

<body>
  <div style="height:400px;"></div>
  <script>
    var mCharts = echarts.init(document.querySelector("div"))
    mCharts.showLoading() // 在获取数据之前, 显示加载动画
    
    var option = {
  title: [
    {
      text: 'Tangential Polar Bar Label Position (middle)'
    }
  ],
  polar: {
    radius: [30, '80%']
  },
  angleAxis: {
    max: 999999945,
    startAngle: 75
  },
  radiusAxis: {
    type: 'category',
    data: ['a', 'b', 'c']
  },
  tooltip: {},
  series: {
    type: 'bar',
    data: [2443344, 144333342, 24443334, 2443344],
    coordinateSystem: 'polar',
    label: {
      show: true,
      position: 'middle',
      formatter: '{b}: {c}'
    }
  }
};
    // mCharts.setOption(option)
    // mCharts.on('click', function (arg) {
    //   console.log(arg)
    //   console.log('click...')
    // }) // 对事件进行监听

    // mCharts.off('click') // 解绑click的事件

    // mCharts.on('legendselectchanged', function (arg) {
    //   console.log(arg)
    //   console.log('legendselectchanged')
    // })
    // // 监听window窗口大小变化的事件
    // window.onresize = function(){
    //   // console.log('window.onresize...')
    //   // 调用echarts实例对象的resize方法
    //   mCharts.resize()
    // }

    // $.get('http://127.0.0.1:9898/data10').done(function(data){
    //   mCharts.hideLoading() // 当服务器数据获取成功之后, 隐藏加载动画
    //   // console.log(xAxi);
    //   data.sort((a, b) => {
    //     return a.value - b.value // 从小到大的排序
    //   })
    //   // console.log(data);
    //   var Values = data.map((item) => {
    //     return item
    //   })
    //   // console.log(Values);
    //   var yAxi = []
    //   var serie =[]
    //   for (let i=0; i<data.length;i++){
    //     yAxi.push(data[i].name)
    //     serie.push(data[i].value)
    //   }
    //   mCharts.setOption({
    //     radiusAxis:{data: yAxi},
    //     series:[{data: serie}]
    //   });
    // })
  </script>
</body>

</html>